<!DOCTYPE html>
<html lang="zh-cn" class="no-js">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta http-equiv="Content-Type">
  <meta content="text/html; charset=utf-8">
  <meta charset="utf-8">
  <title>想与这样的你在一起 中国新闻网诚聘新媒体英才</title>
  <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
  <meta name="format-detection" content="telephone=no">
  <meta name="format-detection" content="email=no">
  <meta content="640" name="MobileOptimized">
  <!--[891,7,104] published at 2015-03-04 10:24:13 from #10 by 王卫强,designer:于正 -->

  <link rel="stylesheet" type="text/css" href="css/reset.css"> <!-- 页面元素初始化 -->
  <link rel="stylesheet" type="text/css" href="css/animations.css">  <!-- 动画预置 -->
  <link rel="stylesheet" type="text/css" href="css/page.css">  <!-- 页面主要样式 -->
</head>
<body>
  <!-- 核心框架缺失提示 -->
  <noscript><a class="noScript" href="#">页面需要开启JavaScript体验 &gt;</a></noscript>
  <!-- 微信分享默认图片 解决微信有时候不读取页尾指定代码的情况-->
  <div style="display:none"><img src="icon.jpg" alt="" title=""></div>

  <!-- LOADING页，如果不需要可以在index.js中配置当页面打开时直接hide  loading层 -->
  <div id="page-hd">
    <div id="loading" >
      <div class="spinner">
        <div class="spinner-container container1">
          <div class="circle1"></div>
          <div class="circle2"></div>
          <div class="circle3"></div>
          <div class="circle4"></div>
        </div>
        <div class="spinner-container container2">
          <div class="circle1"></div>
          <div class="circle2"></div>
          <div class="circle3"></div>
          <div class="circle4"></div>
        </div>
        <div class="spinner-container container3">
          <div class="circle1"></div>
          <div class="circle2"></div>
          <div class="circle3"></div>
          <div class="circle4"></div>
        </div>
      </div>
    <img src="img/arrowtop.png" alt="" class="arrow-up pt-page-moveIconUp">
    </div>
  </div> 


  <!-- 主框架页面 -->
  <div id="page-content">
    <!-- 全框架背景 -->
    <div class="pagebg"></div>
    <!--第一页-->
    <div class="page page-1 page-current">
      <div class="pagearrow pt-page-moveIconUp"></div>
      <div class=" fc homelay ">
       <img class="z1 pt-page-flipInLeft  " src="img/00/00_03.png" width="153" height="78">
       <img class="z2 pt-page-flipInLeft pt-page-delay180" src="img/00/00_05.png" width="153" height="78">
       <img class="z3 pt-page-flipInLeft pt-page-delay300" src="img/00/00_06.png" width="153" height="78">
       <img class="z4 pt-page-flipInLeft pt-page-delay500" src="img/00/00_07.png" width="153" height="78">
       <img class="z5 pt-page-flipInLeft pt-page-delay700" src="img/00/00_08.png" width="153" height="57">
     </div>
     

   </div>
   <!--第2页-->
   <div class="page page-2 hide " >  
    <div class="pagearrow pt-page-moveIconUp"></div>
    <div class="zhezhi">               
      <div class="fc z1 pt-page-rotateCarouselLeftIn"><img src="img/01/01_03.png" width="255" height="21"  /></div>
      <div class="fc z2 pt-page-scalesmall  pt-page-delay300"><img src="img/01/01_04.png" width="200"  /></div>
      <div class="fc z3 pt-page-rotateCarouselLeftIn pt-page-delay500"><img src="img/01/01_05.png" width="302" height="24"  /></div>
      <div class="fc z4 pt-page-rotateCarouselLeftIn pt-page-delay700"><img src="img/01/01_06.png" width="270" height="24"  /></div>

    </div>
  </div> 
  <!--第N页-->
  <div class="page page-3 hide " >  
    <div class="pagearrow pt-page-moveIconUp"></div>
    <div class="zhezhi">               
      <div class="fc z1 pt-page-rotateCarouselLeftIn"><img src="img/02/02_03.png" width="91"  /></div>
      <div class="fc z2 pt-page-rotateCarouselLeftIn"><img src="img/02/02_06.png" width="85"  /></div>
      <div class="fc z3  pt-page-scalesmall  pt-page-delay300"><img src="img/02/02_07.png" width="144"  /></div>
      <div class="fc z4 pt-page-rotateCarouselLeftIn"><img src="img/02/02_08.png" width="63"  /></div>
      <div class="fc z5 pt-page-rotateCarouselLeftIn"><img src="img/02/02_13.png" width="91"  /></div>
      <div class="fc z6 pt-page-rotateCarouselLeftIn"><img src="img/02/02_16.png" width="85"  /></div>
      <div class="fc z7  pt-page-scalesmall  pt-page-delay700"><img src="img/02/02_17.png" width="144"  /></div>
      <div class="fc z8 pt-page-rotateCarouselLeftIn"><img src="img/02/02_18.png" width="64"  /></div>

    </div>
  </div> 
  <!--第N页-->
  <div class="page page-4 hide " >  
    <div class="pagearrow pt-page-moveIconUp"></div>
    <div class="zhezhi">               
      <div class="fc z1 pt-page-rotateCarouselLeftIn"><img src="img/03/03_03.png" width="310"  /></div>
      <div class="fc z2 pt-page-rotateCarouselLeftIn"><img src="img/03/03_05.png" width="242"  /></div>
      <div class="fc z3 pt-page-scalesmall  pt-page-delay300"><img src="img/03/03_06.png" width="231"  /></div>
      <div class="fc z4 pt-page-scalesmall  pt-page-delay700"><img src="img/03/03_07.png" width="231"  /></div>

    </div>
  </div> 
  <!--第N页-->
  <div class="page page-5 hide " >  
    <div class="pagearrow2 pt-page-moveIconUp"></div>
    <div class="zhezhi nr">               
      <div class="fc z1"><img src="img/04/04_04.png" width="200"  /></div>
      <div class="fc z2"><img src="img/04/04_03.png" width="255" /></div>
      <div class="fc z3 showlayer" id="android"><img src="img/04/04_11.gif" width="166"   /></div>
      <div class="fc z4 showlayer" id="ios"><img src="img/04/04_14.gif" width="127"   /></div>
      <div class="fc z5 showlayer" id="html5"><img src="img/04/04_19.gif" width="155" /></div>
      <div class="fc z6 showlayer" id="html"><img src="img/04/04_23.gif" width="140"   /></div>
      <div class="fc z7 showlayer" id="java"><img src="img/04/04_27.gif" width="144"  /></div>

    </div>
  </div> 
  <!--第N页-->
  <div class="page page-6 hide " >  
    <div class="pagearrow2 pt-page-moveIconUp"></div>
    <div class="zhezhi nr">               
      <div class="fc z1"><img src="img/05/05_03.png" width="200"  /></div>
      <div class="fc z2"><img src="img/05/05_04.png" width="255"  /></div>
      <div class="fc z3 showlayer" id="ui"><img src="img/05/05_05.gif" width="100"   /></div>
      <div class="fc z4 showlayer" id="pro"><img src="img/05/05_06.gif" width="100"   /></div>
      <div class="fc z5 showlayer" id="art"><img src="img/05/05_09.gif" width="100" /></div>
      <div class="fc z6 showlayer" id="test"><img src="img/05/05_11.gif" width="130"   /></div>

    </div>
  </div> 
  <!--第N页-->
  <div class="page page-7 hide " >  
    <div class="pagearrow2 pt-page-moveIconUp"></div>
    <div class="zhezhi nr">               
      <div class="fc z1"><img src="img/06/06_03.png" width="250"  /></div>
      <div class="fc z2"><img src="img/06/06_04.png" width="255"  /></div>
      <div class="fc z3 showlayer" id="weibo"><img src="img/06/06_05.gif" width="100"   /></div>
      <div class="fc z4 showlayer" id="weixin"><img src="img/06/06_06.gif" width="150"   /></div>
    </div>
  </div> 
  <!--第N页-->
  <div class="page page-8 hide " >  
    <div class="pagearrow2 pt-page-moveIconUp"></div>
    <div class="zhezhi nr">               
      <div class="fc z1"><img src="img/07/07_03.png" width="250"  /></div>
      <div class="fc z2"><img src="img/07/07_04.png" width="255"  /></div>
      <div class="fc z3 showlayer" id="markert"><img src="img/07/07_05.gif" width="150"   /></div>
      <div class="fc z4 showlayer" id="active"><img src="img/07/07_07.gif" width="150"   /></div>
    </div>
  </div> 
  <!--第N页-->
  <div class="page page-9 hide " >  
   <div class="zhezhi">               
    <!--<div class="fc z1"><img src="img/08/08_01.png" width="230"  /></div>-->
    <div class="fc z2"><img src="img/08/08_03.png" width="300"  /></div>
    <div class="fc z3"><img src="img/08/08_05.png" width="300"   /></div>
    <div class="fc z4"><img src="img/08/08_06.png" width="300"   /></div>
    <div class="fc z5"><img src="img/08/08_09.png" width="150"   /></div>

  </div>
</div> 




</div> 
<!-- 内容区结束 -->

<!-- 浮动层 音乐图标 -->
<img src="img/musicon.png" width="30" height="30"  alt=""  class="floatautodo"/>

<!-- 浮动层  全屏内容层，可用jquery替换内容来实现全屏弹出层效果 -->
<div class=" laytop" >
	<div class="laytopback"></div> <!-- 关闭本弹出层 -->
	<div class="laytopcontent"><img src="" width="100%"  alt=""/></div>
</div>

<!-- 浮动层 全屏分享层。 -->
<div class="sharebg" align="right"> </div>
<div class="share" align="right"> </div>


<!-- 可用于延迟加载的区域 目前无用需要JS支持 -->
<div class="hidecontent"></div>

<!-- 加载背景音乐 请不要修改ID-->
<audio id="audiobg" src="bg.mp3" loop preload="auto" autoplay></audio>  



<!-- JS区域 -->
<!-- 加载核心框架 -->
<script type="text/javascript" src="js/zepto.min.js"></script> 
<script type="text/javascript" src="js/touch.js"></script>
<!-- 加载自定义JS --> 
<script type="text/javascript" src="js/index.js"></script>

<!-- 加载页面PV统计，每次调用会自动加1.[需要时开启以下注释]。注意请需要先到table服务器下  /usr/local/tables/bmb/txtcount/ 中新建txt文件并给于777权限。名称为 countXXXX.txt  XXX要与下方调用的ID参数相同 -->
<!--
<script src="http://table.chinanews.com/txtcount/count.php?id=150315"></script> 
-->
<!-- 如果需要把上条PV数据显示到页面上，请使用开启以下注释并把组件ajaxnum改成你的组件ID -->
<!-- 
<script>
//取服务器的计数并加1
if("undefined" != typeof ajaxnum  && "[object HTMLFontElement]" != ajaxnum){ 
$("#ajaxnum").html(ajaxnum);
}else{
$("#ajaxnum").html('24013');
}
</script>
-->


<script>
//加载微信分享区，请自定义以下参数
var weixintitle = "想与这样的你在一起 中国新闻网诚聘新媒体英才"; //分享标题
var weixindesc = '我们一起遇见未来';  //分享好友时的介绍
var weixinpic="icon.jpg"; //分享图

//微信分享数据
var shareData = {
	"img_url":weixinpic,
	"link":window.location.href,
	"title":weixintitle,
	"desc":weixindesc,
  "appid":"wxfad90321c6f7db65"
};
// 绑定微信分享事件
bindWeixinFun();
// 入口方法
$(document).ready(function() {
	// 绑定微信分享事件
	bindWeixinFun();
	$.cookie('bottomAd','1',{ expires: 1 });
});

// 绑定微信分享事件
function bindWeixinFun(){
	document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
		// 分享到朋友圈;
		WeixinJSBridge.on('menu:share:timeline', function(argv) {
			WeixinJSBridge.invoke('shareTimeline', {
				"img_url": shareData.img_url,
				"img_width": "92",
				"img_height": "92",
				"link": shareData.link,
				"desc": shareData.desc,
				"title": shareData.title
			}, function(){});
		});
		WeixinJSBridge.on('menu:share:appmessage', function(argv) {
			WeixinJSBridge.invoke('sendAppMessage', {
				"img_url": shareData.img_url,
				"link": shareData.link,
				"desc": shareData.desc,
				"title": shareData.title
			}, function(){});
		});
		WeixinJSBridge.on('menu:share:weibo', function(argv) {
			WeixinJSBridge.invoke('shareWeibo', {
				"desc": shareData.desc,
				"url": shareLink,
				"title": shareData.title
			}, function(res){});
		});
	}, false);
}

</script>



</body>
</html>